<template>
  <!-- 商品分类导航 -->
  <div class="type-nav">
    <div class="container">
      <Type />
      <Nav />
    </div>
  </div>
</template>

<script>
import Nav from "@/components/TypeNav/Nav";
import Type from "@/components/TypeNav/Type";

export default {
  name: "TypeNav",
  components: { Nav, Type },
};
</script>

<style scoped lang="less">
.type-nav {
  border-bottom: 3px solid #3498db;

  .container {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    position: relative;
  }
}
</style>